<template>
  <div id="app">
    <Header />
    <!--路由组件出口的地方-->
    <router-view></router-view>
    <!-- 在$route获取路由器根标签来决定Footer是否显示和隐藏 -->
    <Footer v-show="$route.meta.FooterShow"></Footer>
  </div>
</template>

<script>
import Header from "./components/Header/";
import Footer from "./components/Footer/";

export default {
  name: "App",
  components: {
    Header,
    Footer,
  },
  mounted() {
    //通知Vuex发送请求，获取数据，存储与仓库当中
    //调用$store下的actions的categoryList方法，通知Vuex发送请求获取数据
    this.$store.dispatch("categoryList");
  },
  
};
</script>
